
import avatar from '@/assets/img/avator.webp'

const list = [
  {
    id: '1',
    picture: avatar,
    name: '友链一'
  },
  {
    id: '2',
    picture: avatar,
    name: '友链一'
  },
  {
    id: '3',
    picture: avatar,
    name: '友链一'
  },
  {
    id: '4',
    picture: avatar,
    name: '友链一'
  },
]

/**
 * @description 友情链接
 */

function FriendLink({ home }) {


  return (
    <div className={`friendlink animate__animated animate__${home.base.message_animate}`}>

      {/* 标题 */}
      <div className="title">
        <span className="text">友情链接</span>
        <span className="subtext">FRIEND LINK</span>
      </div >


      {/* 列表 */}
      <div className='list'>
        {
          list.map(item => (
            <div key={item.id} className='item'>
              <img className='img' src={item.picture} />
              <div className='text'>{item.name}</div>
            </div>
          ))
        }

      </div>
    </div >
  )
}

export default FriendLink